body {
    background-color: #ffffcc;
  padding: 10PX;
  }
   header, nav, article, aside, footer {
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    border: 3px solid  black;
  }

  header{
    background-color: aquamarine;
    color: black;  
   text-align: center;

  }

  nav{
    background-color: blueviolet;
    color: white;
    text-align: left;
    font-size: 30px; 
  }

  article{
background-color: gray;
color: black;
text-align: justify;
  }

  aside{
 background-color: yellowgreen;
 text-align: right;
  }

  footer{
 background-color: brown;
  }
  .Contenido {
    display: grid;
    grid-template-areas:
      "header header header"
      "nav article aside"
      "nav article aside"
      "footer footer footer";
    grid-template-columns: 1fr 2fr 1fr;
    gap: 1px;
  }
  header { grid-area: header; }
  nav { grid-area: nav; }
  article { grid-area: article; }
  aside { grid-area: aside; }
  footer { grid-area: footer; }

  .PAG{
    background-color: bisque;
    border: 2px solid black;
    margin:auto;
    color: black;
    text-decoration: none;
  }

